import React, { Component } from 'react'

export default class App extends Component {

  // 3.1 创建一个 ref 属性
  inpRef = React.createRef()

  render() {
    return (
      <div>

        <input type="text" ref='inp' />

        {/* 3.2 设置 ref 属性为 inpRef */}
        <input type="text" ref={this.inpRef} />


        <button onClick={()=>{
          // 1. 找到 DOM 元素，然后获取输入的 value 值
          // console.log(document.querySelector('input').value);

          // 2. 可以通过设置一个固定的 ref ，然后通过 this.refs.inp 进行获取
          // 但是该方法会提示已经被放弃
          // console.log(this.refs.inp.value);


          // 3.3 获取元素  this.inpRef.current
          // current 是当前元素，该写法是固定写法
          console.log(this.inpRef.current.value);

        }}>点击获取输入框的内容</button>

      </div>
    )
  }
}
